<template>
  <div style="height: 100%; width: 100%; padding: 15px; box-sizing: border-box">
    <div class="top">
      <div class="Svg1">
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="300px"
          height="97px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g transform="matrix(1 0 0 1 -314 -80 )">
            <path
              d="M 9.375 0  L 290.625 0  C 295.87499999999994 0  300 4.399999999999999  300 10  L 300 87  C 300 92.60000000000002  295.87499999999994 97  290.625 97  L 9.375 97  C 4.124999999999998 97  0 92.60000000000002  0 87  L 0 10  C 0 4.399999999999999  4.124999999999998 0  9.375 0  Z "
              fill-rule="nonzero"
              fill="#ffd332"
              stroke="none"
              fill-opacity="0.18823529411764706"
              transform="matrix(1 0 0 1 314 80 )"
            />
          </g>
        </svg>
        <span class="span1">通知</span>
        <span class="span2">5条未读</span>
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="42px"
          height="48px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon"
        >
          <defs>
            <linearGradient
              gradientUnits="userSpaceOnUse"
              x1="21"
              y1="0"
              x2="21"
              y2="48"
              id="LinearGradient1133"
            >
              <stop id="Stop1134" stop-color="#f7b715" offset="0" />
              <stop id="Stop1135" stop-color="#fdf082" offset="1" />
            </linearGradient>
          </defs>
          <g transform="matrix(1 0 0 1 -347 -103 )">
            <path
              d="M 28.572069781249997 40.44565648046874  C 28.562293647489653 44.620192746248634  25.174547390394178 47.998686468133  21 47.99704559765625  C 16.823827308262878 47.993789640758365  13.43872594181095 44.61001007427537  13.433838972656249 40.43383897265625  C 13.433838972656249 40.43383897265625  13.47815465234375 39.172319734375  14.580137484374998 39  L 27.390318746093747 39  C 28.54548036328125 39.172319734375  28.572069781249997 40.43383897265625  28.572069781249997 40.44565648046874  Z M 36.752741316406244 37.514913933593746  L 36.752741316406244 37  L 5.244304281249995 37  C 5.24403335897752 37.51195958117118  5.243762436719294 37.51195960613177  5.243491514442217 37.51195960613177  C 2.807426592258068 37.51195960613177  0.8326057839734684 35.53713879784717  0.8326057839734684 33.10107387566302  C 0.8326057839734684 31.397199123745658  1.8139667393961272 29.845699563111644  4 29.115618453124995  L 4 18.60985172265625  C 3.367094303876497 9.314032926698717  10.578462622735568 1.617172303571131  19.853701488281246 0.9988068710937466  C 19.667610988190823 1.7819874932664748  19.573610901667553 2.584219457468879  19.573610901667553 3.389204899058207  C 19.573610901667553 9.100006810688203  24.203130560350058 13.729526469370704  29.913932471980054 13.729526469370704  C 32.511755672896214 13.729526469370704  35.01440107091658 12.751691514907161  36.924095230468744 10.990511910156249  C 38.06551066938056 13.367890553496462  38.65433959445632 15.972675786623459  38 18.60985172265625  L 38 29.11857280468749  C 40.186035083314536 29.848653195137743  41.16739756353233 31.400153724164213  41.16739756353233 33.10402981468324  C 41.16739756353233 35.54009473686738  39.19257675524773 37.514915545151986  36.756511833063584 37.514915545151986  C 36.75525499400289 37.514915545151986  36.753998155007736 37.51491500796586  36.752741316406244 37.514913933593746  Z "
              fill-rule="nonzero"
              fill="url(#LinearGradient1133)"
              stroke="none"
              transform="matrix(1 0 0 1 347 103 )"
            />
          </g>
        </svg>
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="16px"
          height="15px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon1"
        >
          <g transform="matrix(1 0 0 1 -369 -99 )">
            <path
              d="M 0.5303676171875011 7.38594395703125  C 0.5303676171875011 11.465088167604515  3.837167363645488 14.7718879140625  7.916311574218753 14.7718879140625  C 11.995455784792014 14.7718879140625  15.302255531250005 11.465088167604515  15.302255531250005 7.38594395703125  C 15.302255531250005 3.3067997464579855  11.995455784792014 0  7.916311574218753 0  C 3.837167363645488 0  0.5303676171875011 3.3067997464579855  0.5303676171875011 7.38594395703125  Z "
              fill-rule="nonzero"
              fill="#f52349"
              stroke="none"
              transform="matrix(1 0 0 1 369 99 )"
            />
          </g>
        </svg>
      </div>
      <div class="Svg2">
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="300px"
          height="97px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon2"
        >
          <g transform="matrix(1 0 0 1 -314 -80 )">
            <path
              d="M 9.375 0  L 290.625 0  C 295.87499999999994 0  300 4.399999999999999  300 10  L 300 87  C 300 92.60000000000002  295.87499999999994 97  290.625 97  L 9.375 97  C 4.124999999999998 97  0 92.60000000000002  0 87  L 0 10  C 0 4.399999999999999  4.124999999999998 0  9.375 0  Z "
              fill-rule="nonzero"
              fill="#90EE90"
              stroke="none"
              fill-opacity="0.18823529411764706"
              transform="matrix(1 0 0 1 314 80 )"
            />
          </g>
        </svg>
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="57px"
          height="45px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon3"
        >
          <defs>
            <linearGradient
              gradientUnits="userSpaceOnUse"
              x1="28.5"
              y1="0"
              x2="28.5"
              y2="45"
              id="LinearGradient1130"
            >
              <stop id="Stop1131" stop-color="#04d919" offset="0" />
              <stop id="Stop1132" stop-color="#caf982" offset="1" />
            </linearGradient>
          </defs>
          <g transform="matrix(1 0 0 1 -660 -106 )">
            <path
              d="M 29.871289062499955 36.01123046875  C 38.87109375 36.01123046875  46.171191406250045 28.353906249999994  46.171191406250045 18.904687499999994  L 46.171191406250045 17.193457031250006  C 46.16542968750002 7.744238281250006  38.87109375 0.0869140625  29.865527343750045 0  L 16.826757812499977 0  C 7.826953124999988 0.0869140625  0.52685546875 7.744238281250006  0.52685546875 17.193457031250006  L 0.52685546875 18.904687499999994  C 0.52685546875 24.51083984375001  3.1081054687500114 29.477441406249994  7.083691406250011 32.59453124999999  C 7.083691406250011 32.59453124999999  9.768652343749977 34.8876953125  11.940820312500023 37.72246093749999  C 14.072656250000023 40.50537109375  15.639843749999956 43.812597656250006  16.83251953125 44.5673828125  C 20.63525390625 46.9873046875  19.160253906249977 35.988183593749994  26.610156250000045 36.01123046875  L 29.871289062499955 36.01123046875  Z M 52.69345703124998 37.91259765625  C 54.99814453124998 36.14374999999998  56.47890625000002 33.33779296875002  56.47890625000002 30.157324218750006  L 56.47890625000002 29.189355468750023  C 56.47314453125 24.16513671875001  52.73378906250002 20.028222656249994  47.94580078125 19.55000000000001  L 47.94580078125 20.72539062499999  C 47.94580078125 29.51201171874999  41.63095703124998 36.74296874999999  33.50693359374998 37.7109375  C 35.13173828125002 39.04765624999999  37.188671874999955 39.85429687499999  39.435742187499955 39.85429687499999  L 41.331347656250045 39.85429687499999  C 45.658398437499955 39.837011718750006  44.79990234374998 46.071191406249994  47.012402343749955 44.69990234375001  C 47.703808593749955 44.273535156250006  48.61416015625002 42.39521484375001  49.85292968750002 40.822265625  C 51.11474609375 39.21474609375002  52.69345703124998 37.91259765625  52.69345703124998 37.91259765625  Z M 31.75537109375 19.498144531250006  C 31.75537109375 18.852832031250017  32.27392578125 18.334277343750017  32.919238281250045 18.334277343750017  C 33.56455078124998 18.334277343750017  34.08310546874998 18.852832031250017  34.08310546874998 19.498144531250006  C 34.08310546874998 24.257324218750004  29.266308593749955 28.12919921874999  23.349023437500023 28.12919921874999  C 17.431738281249977 28.12919921874999  12.614941406249955 24.257324218750004  12.614941406249955 19.498144531250006  C 12.614941406249955 18.85283203124999  13.133496093749955 18.33427734374999  13.77880859375 18.33427734374999  C 14.424121093750045 18.33427734374999  14.942675781250045 18.85283203124999  14.942675781250045 19.498144531250006  C 14.942675781250045 22.97246093749999  18.710839843750023 25.80146484375001  23.349023437500023 25.80146484375001  C 27.9814453125 25.80146484375001  31.75537109375 22.97246093749999  31.75537109375 19.498144531250006  Z "
              fill-rule="nonzero"
              fill="url(#LinearGradient1130)"
              stroke="none"
              transform="matrix(1 0 0 1 660 106 )"
            />
          </g>
        </svg>
        <span class="span1">信息</span>
        <span class="span2">5条未读</span>
      </div>
      <div class="Svg3" style="margin-right: 24px">
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="300px"
          height="97px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon4"
        >
          <g transform="matrix(1 0 0 1 -314 -80 )">
            <path
              d="M 9.375 0  L 290.625 0  C 295.87499999999994 0  300 4.399999999999999  300 10  L 300 87  C 300 92.60000000000002  295.87499999999994 97  290.625 97  L 9.375 97  C 4.124999999999998 97  0 92.60000000000002  0 87  L 0 10  C 0 4.399999999999999  4.124999999999998 0  9.375 0  Z "
              fill-rule="nonzero"
              fill="#D8D7ED"
              stroke="none"
              fill-opacity="0.18823529411764706"
              transform="matrix(1 0 0 1 314 80 )"
            />
          </g>
        </svg>
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="42px"
          height="44px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon5"
        >
          <defs>
            <linearGradient
              gradientUnits="userSpaceOnUse"
              x1="21"
              y1="0"
              x2="21"
              y2="44"
              id="LinearGradient1127"
            >
              <stop id="Stop1128" stop-color="#3730ed" offset="0" />
              <stop id="Stop1129" stop-color="#7673f7" offset="1" />
            </linearGradient>
          </defs>
          <g transform="matrix(1 0 0 1 -982 -107 )">
            <path
              d="M 0.47311046511617866 11.97777777777776  C 0.8088662790696617 9.26444444444445  1.5109011627907876 7.101111111111095  3.0981104651161786 5.3869444444444525  C 4.245784883720944 4.143333333333317  5.628488372092988 3.3886111111111177  7.2645348837208985 2.9241666666666504  L 7.2645348837208985 1.6286111111110984  C 7.2645348837208985 0.7848427433140728  7.947821239357154 0.10083333333332689  8.790697674418652 0.10083333333332689  C 9.63357410948015 0.10083333333332689  10.316860465116179 0.7848427433140728  10.316860465116179 1.6286111111110984  L 10.316860465116179 2.3741666666666674  C 12.630523255813841 2.1388888888888857  15.475290697674382 2.1388888888888857  18.942732558139596 2.1388888888888857  L 23.057267441860404 2.1388888888888857  C 26.527761627907008 2.1388888888888857  29.372529069767552 2.1388888888888857  31.683139534883818 2.3741666666666674  L 31.683139534883818 1.6286111111110984  C 31.683139534883818 0.7848427433140728  32.36642589051985 0.10083333333332689  33.20930232558135 0.10083333333332689  C 34.052178760642846 0.10083333333332689  34.7354651162791 0.7848427433140728  34.7354651162791 1.6286111111110984  L 34.7354651162791 2.924166666666679  C 36.374563953488405 3.3886111111111177  37.75726744186045 4.143333333333345  38.904941860465215 5.3869444444444525  C 40.48604651162782 7.098055555555561  41.19113372093034 9.26444444444445  41.529941860465215 11.977777777777789  C 41.85654069767452 14.63611111111112  41.85654069767452 18.039999999999992  41.85654069767452 22.388055555555553  L 41.85654069767452 23.650000000000006  C 41.85654069767452 27.995000000000005  41.85654069767452 31.40194444444444  41.52688953488382 34.06027777777777  C 41.19113372093034 36.77361111111111  40.48909883720921 38.936944444444435  38.90188953488382 40.651111111111106  C 37.30552325581402 42.38055555555556  35.260465116278965 43.165833333333325  32.69956395348845 43.538611111111095  C 30.221075581395326 43.89916666666667  27.05276162790688 43.89916666666667  23.057267441860404 43.89916666666667  L 18.942732558139596 43.89916666666667  C 14.947238372093125 43.89916666666667  11.781976744186068 43.89916666666667  9.303488372092943 43.538611111111095  C 6.739534883721035 43.165833333333325  4.694476744185977 42.38055555555556  3.0981104651161786 40.651111111111106  C 1.5109011627907876 38.94  0.8088662790696617 36.770555555555546  0.47311046511617866 34.06027777777777  C 0.14345930232548199 31.40194444444444  0.14345930232548199 27.995000000000005  0.14345930232548199 23.650000000000006  L 0.14345930232548199 22.388055555555553  C 0.14345930232548199 18.039999999999992  0.14345930232548199 14.63611111111112  0.47311046511617866 11.97777777777776  Z M 22.93212209302328 5.194444444444457  L 19.06787790697672 5.194444444444457  C 15.267732558139642 5.194444444444457  12.474854651162786 5.197499999999991  10.316860465116179 5.448055555555555  L 10.316860465116179 5.704722222222216  C 10.316860465116179 6.54849059001927  9.63357410948015 7.2324999999999875  8.790697674418652 7.2324999999999875  C 8.109850627059814 7.23132080589471  7.512132746534689 6.778818326316809  7.325581395348763 6.123333333333334  C 6.569171326238347 6.41042674973565  5.88916599316326 6.8684260015972995  5.338517441860404 7.461666666666673  C 4.377034883720853 8.500555555555565  3.806250000000091 9.927500000000009  3.5071220930233262 13  L 38.49593023255807 13  C 38.19374999999991 9.927500000000009  37.62601744186054 8.503611111111127  36.66453488372099 7.461666666666673  C 36.114759398965134 6.868814171677656  35.43583686726356 6.41084071923089  34.68052325581402 6.123333333333334  C 34.498022935931886 6.785997337530319  33.89591083714731 7.245058767570697  33.20925076095568 7.245058767570697  C 32.366374325894185 7.245058767570697  31.68308797025793 6.5610493575899795  31.68308797025793 5.7172809897929255  L 31.683139534883818 5.448055555555555  C 29.525145348837214 5.197499999999991  26.738372093023372 5.194444444444457  22.93212209302328 5.194444444444457  Z M 13.184375000000045 26.415625000000006  C 14.303308885584558 26.372275331115958  15.188057804164602 25.45258579585141  15.188057804164602 24.33281249999999  C 15.188057804164602 23.21303920414857  14.284558885584602 22.293349668884048  13.165625000000093 22.250000000000004  C 12.015625 22.250000000000004  11.084374999999909 23.181250000000006  11.084374999999909 24.33437499999999  C 11.086095945279794 25.483104041573622  12.035645958426358 26.413904054720206  13.184375000000045 26.415625000000006  Z M 21.50937500000009 26.415625000000006  C 22.6283088855846 26.372275331115958  23.51305780416442 25.45258579585141  23.51305780416442 24.33281249999999  C 23.51305780416442 23.21303920414857  22.60955888558442 22.293349668884048  21.49062499999991 22.250000000000004  C 20.340625000000045 22.250000000000004  19.40625 23.181250000000006  19.40625 24.33437499999999  C 19.40797406182901 25.4843229480918  20.359425759508213 26.4156262924009  21.50937500000009 26.415625000000006  Z M 29.91506719583549 26.41718750000001  C 31.066235721264093 26.41718750000001  31.9994421958354 25.48398102542856  31.9994421958354 24.33281249999999  C 31.9994421958354 23.181643974571443  30.966793525428557 22.250000000000004  29.815624999999955 22.250000000000004  C 28.66562500000009 22.250000000000004  27.731250000000045 23.181250000000006  27.731250000000045 24.33437499999999  C 27.73297406182905 25.4843229480918  28.765117955343612 26.417188792400907  29.91506719583549 26.41718750000001  Z M 13.2650671958354 34.751562500000006  C 14.416235721264002 34.751562500000006  15.349442195835538 33.81835602542856  15.349442195835538 32.66718750000001  C 15.349442195835538 31.516018974571438  14.316793525428693 30.584374999999994  13.165625000000093 30.584374999999994  C 12.015625 30.584374999999994  11.084374999999909 31.515625  11.084374999999909 32.665625000000006  C 11.08437370759907 33.815574240492  12.11511924774345 34.74983843817091  13.2650671958354 34.751562500000006  Z M 21.590067195835445 34.751562500000006  C 22.741235721264047 34.751562500000006  23.674442195835354 33.81835602542856  23.674442195835354 32.66718750000001  C 23.674442195835354 31.516018974571438  22.64179352542851 30.584374999999994  21.49062499999991 30.584374999999994  C 20.340625000000045 30.584374999999994  19.40625 31.515625  19.40625 32.665625000000006  C 19.40625 33.81679352542855  20.43889867040707 34.751562500000006  21.590067195835445 34.751562500000006  Z "
              fill-rule="nonzero"
              fill="url(#LinearGradient1127)"
              stroke="none"
              transform="matrix(1 0 0 1 982 107 )"
            />
          </g>
        </svg>
        <span class="span1">进度</span>
        <span class="span2">6个项目14个进度</span>
      </div>
      <div class="Svg4">
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="604px"
          height="97px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <defs>
            <linearGradient
              gradientUnits="userSpaceOnUse"
              x1="1576"
              y1="80"
              x2="1576"
              y2="177"
              id="LinearGradient1143"
            >
              <stop id="Stop1144" stop-color="#3c22f7" offset="0" />
              <stop id="Stop1145" stop-color="#8080ff" offset="1" />
            </linearGradient>
          </defs>
          <g transform="matrix(1 0 0 1 -1274 -80 )">
            <path
              d="M 1274 90  A 10 10 0 0 1 1284 80 L 1868 80  A 10 10 0 0 1 1878 90 L 1878 167  A 10 10 0 0 1 1868 177 L 1284 177  A 10 10 0 0 1 1274 167 L 1274 90  Z "
              fill-rule="nonzero"
              fill="url(#LinearGradient1143)"
              stroke="none"
            />
          </g>
        </svg>
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="50px"
          height="30px"
          xmlns="http://www.w3.org/2000/svg"
          class="icon6"
        >
          <g transform="matrix(1 0 0 1 -1293 -114 )">
            <path
              d="M 9.508214285714283 11.607142830636157  L 14.183571455078123 3.817142883649553  C 17.372857195870537 -1.5028570898437517  25.437678571428563 -0.10499999999999891  26.655714259207592 5.975000026506701  L 29.997678571428565 22.695  L 34.67303574079241 14.901607169363835  C 35.89938796467623 12.857709676056018  38.108205059126426 11.607119913377218  40.49178571428572 11.607142830636157  L 45.357142857142854 11.607142830636162  C 47.23096613013658 11.607142830636162  48.7500000265067 13.126176727006284  48.7500000265067 15  C 48.7500000265067 16.873823272993718  47.23096613013658 18.392857169363836  45.357142857142854 18.392857169363836  L 40.49178571428572 18.392857169363836  L 35.81642854492188 26.18285711635044  C 32.62714280412947 31.50285708984375  24.56232142857143 30.105  23.34428574079241 24.02499997349331  L 20.002321428571435 7.304999999999997  L 15.326964259207587 15.098392830636156  C 14.10061203532377 17.14229032394396  11.891794940873568 18.392880086622775  9.508214285714288 18.392857169363836  L 4.642857142857143 18.392857169363836  C 2.769033869863422 18.392857169363836  1.2499999734933047 16.873823272993718  1.2499999734933047 15  C 1.2499999734933047 13.126176727006284  2.769033869863422 11.607142830636162  4.642857142857143 11.607142830636162  L 9.508214285714283 11.607142830636157  Z "
              fill-rule="nonzero"
              fill="#ffffff"
              stroke="none"
              transform="matrix(1 0 0 1 1293 114 )"
            />
          </g>
        </svg>
        <span class="span1">一张图驾驶舱</span>
        <span class="span2">共123在建项目</span>
      </div>
    </div>
    <div class="top1">
      <div style="margin-right: 24px">
        <el-input
          v-model="input"
          placeholder="项目名称编号"
          @input="showIcon = !!input"
        ></el-input>
        <!-- <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="16px"
          height="16px"
          xmlns="http://www.w3.org/2000/svg"
          style="position: absolute; top: 12px; left: 10px"
        >
          <g transform="matrix(1 0 0 1 -326 -206 )">
            <path
              d="M 4.800000000000011 0  L 11.199999999999989 0  C 13.888000000000034 0  16 2.1119999999999663  16 4.800000000000011  L 16 11.199999999999989  C 16 13.888000000000034  13.888000000000034 16  11.199999999999989 16  L 4.800000000000011 16  C 2.1119999999999663 16  0 13.888000000000034  0 11.199999999999989  L 0 4.800000000000011  C 0 2.1119999999999663  2.1119999999999663 0  4.800000000000011 0  Z M 5.878431370404428 9.520941176470615  C 7.047452823623132 10.689671863334638  8.942553226651341 10.689507997869498  10.111372546874975 9.520575162683826  C 10.672538855529808 8.959314145521034  10.98779084466912 8.198137688988083  10.98779084466912 7.404461712687976  C 10.98779084466912 5.751534822995836  9.647828848331812 4.411572826658585  7.99490195863973 4.411572826658585  C 6.34197506894759 4.411572826658585  5.002013072610282 5.751534822995836  5.002013072610282 7.404461712687976  C 5.002013072610282 8.198137688988083  5.317265061749595 8.959680159307823  5.878431370404428 9.520941176470615  Z M 11.4700130726103 10.877751633272055  C 11.546520052953213 10.801339921736144  11.589509244677743 10.697646204136504  11.589509244677743 10.589516339154386  C 11.589509244677743 10.481386474172325  11.546520052953213 10.377692756572685  11.4700130726103 10.301281045036774  L 10.89171241544119 9.723712415441184  C 10.81558161158074 9.650308409972183  10.713948800610922 9.609292182460877  10.60819414437617 9.609292182460877  C 10.382602067739413 9.609292182460877  10.199723556140896 9.792170694059394  10.199723556140896 10.017762770696152  C 10.199723556140896 10.12351742850484  10.240739784869902 10.225150240861012  10.314143792279424 10.301281045036774  L 10.89171241544119 10.879215688419094  C 11.051344674790016 11.038711300875946  11.310380813261474 11.037247245728906  11.4700130726103 10.877751633272055  Z M 9.611764705882365 5.787973854779409  C 10.040877702535909 6.2169334811792965  10.281963770934453 6.798819646175048  10.281963770934453 7.405568626378681  C 10.281963770934453 8.012317606582258  10.040877702535909 8.594203771578066  9.611764705882365 9.023163397977953  C 9.1827024592601 9.452152744258342  8.60081292422683 9.693150322150757  7.994078822087715 9.693150322150757  C 6.730480193688095 9.693150322150757  5.706131112528851 8.66880124099157  5.706131112528851 7.405202612591893  C 5.706131112528851 6.1416039841922725  6.730480193688095 5.117254903033086  7.994078822087715 5.117254903033086  C 8.60081292422683 5.117254903033086  9.1827024592601 5.35898450849902  9.611764705882365 5.787973854779409  Z "
              fill-rule="nonzero"
              fill="#d7d7d7"
              stroke="none"
              transform="matrix(1 0 0 1 326 206 )"
            />
          </g>
        </svg> -->
        <svg
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="12px"
          height="12px"
          xmlns="http://www.w3.org/2000/svg"
          style="position: absolute; left: 242px; top: 12px"
          @click="clearInput"
          v-show="showIcon"
        >
          <g transform="matrix(1 0 0 1 -274 -16 )">
            <path
              d="M 11.75541666015625 2.0670833398437507  C 12.028491928692468 1.7939012069409621  12.028491928692468 1.3510987930590401  11.75541666015625 1.0779166601562498  C 11.482234529490464 0.804841404635769  11.039432130665782 0.804841404635769  10.76625 1.0779166601562498  L 6.416666660156251 5.4275  L 2.06708333984375 1.0779166601562498  C 1.9367705122323136 0.9526600606387587  1.76303515775892 0.8827015792907824  1.5822849191345325 0.8827015792907824  C 1.1959157093031365 0.8827015792907824  0.8827015792907824 1.1959157093031365  0.8827015792907824 1.5822849191345325  C 0.8827015792907824 1.76303515775892  0.9526600606387587 1.9367705122323136  1.0779166601562498 2.06708333984375  L 5.4275 6.416666660156251  L 1.0779166601562498 10.766250000000001  C 0.9526602122750143 10.896562802585134  0.8827018259951016 11.070298048545641  0.8827018259951016 11.251048164046065  C 0.8827018259951016 11.63741737387746  1.1959159560074557 11.950631503889813  1.5822851658388517 11.950631503889813  C 1.7630352861166294 11.950631503889813  1.9367705362875647 11.880673113921148  2.06708333984375 11.755416660156252  L 6.416666660156251 7.405833339843749  L 10.766250000000001 11.75541666015625  C 10.896562778530386 11.880672962288699  11.070297920191107 11.950631257191716  11.251047917347968 11.950631257191716  C 11.637417127179365 11.950631257191716  11.950631257191718 11.637417127179363  11.950631257191718 11.251047917347966  C 11.950631257191718 11.070297920191106  11.880672962288703 10.896562778530384  11.755416660156252 10.76625  L 7.405833339843749 6.416666660156251  L 11.75541666015625 2.0670833398437507  Z "
              fill-rule="nonzero"
              fill="#222222"
              stroke="none"
              transform="matrix(1 0 0 1 274 16 )"
            />
          </g>
        </svg>
      </div>

      <el-select
        v-model="value"
        filterable
        clearable
        placeholder="项目管理员"
        style="margin-right: 26px"
        @change="handleSelectChange6"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
          <span>{{ item.label }} ({{ item.phone }})</span>
        </el-option>
      </el-select>
      <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="12px"
        height="12px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; top: 12px; left: 602px"
        v-show="showIcon6"
        @click="clearInput6"
      >
        <g transform="matrix(1 0 0 1 -274 -16 )">
          <path
            d="M 11.75541666015625 2.0670833398437507  C 12.028491928692468 1.7939012069409621  12.028491928692468 1.3510987930590401  11.75541666015625 1.0779166601562498  C 11.482234529490464 0.804841404635769  11.039432130665782 0.804841404635769  10.76625 1.0779166601562498  L 6.416666660156251 5.4275  L 2.06708333984375 1.0779166601562498  C 1.9367705122323136 0.9526600606387587  1.76303515775892 0.8827015792907824  1.5822849191345325 0.8827015792907824  C 1.1959157093031365 0.8827015792907824  0.8827015792907824 1.1959157093031365  0.8827015792907824 1.5822849191345325  C 0.8827015792907824 1.76303515775892  0.9526600606387587 1.9367705122323136  1.0779166601562498 2.06708333984375  L 5.4275 6.416666660156251  L 1.0779166601562498 10.766250000000001  C 0.9526602122750143 10.896562802585134  0.8827018259951016 11.070298048545641  0.8827018259951016 11.251048164046065  C 0.8827018259951016 11.63741737387746  1.1959159560074557 11.950631503889813  1.5822851658388517 11.950631503889813  C 1.7630352861166294 11.950631503889813  1.9367705362875647 11.880673113921148  2.06708333984375 11.755416660156252  L 6.416666660156251 7.405833339843749  L 10.766250000000001 11.75541666015625  C 10.896562778530386 11.880672962288699  11.070297920191107 11.950631257191716  11.251047917347968 11.950631257191716  C 11.637417127179365 11.950631257191716  11.950631257191718 11.637417127179363  11.950631257191718 11.251047917347966  C 11.950631257191718 11.070297920191106  11.880672962288703 10.896562778530384  11.755416660156252 10.76625  L 7.405833339843749 6.416666660156251  L 11.75541666015625 2.0670833398437507  Z "
            fill-rule="nonzero"
            fill="#222222"
            stroke="none"
            transform="matrix(1 0 0 1 274 16 )"
          />
        </g>
      </svg>
      <!-- <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="16px"
        height="16px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; top: 12px; left: 242px"
      >
        <g transform="matrix(1 0 0 1 -326 -206 )">
          <path
            d="M 4.800000000000011 0  L 11.199999999999989 0  C 13.888000000000034 0  16 2.1119999999999663  16 4.800000000000011  L 16 11.199999999999989  C 16 13.888000000000034  13.888000000000034 16  11.199999999999989 16  L 4.800000000000011 16  C 2.1119999999999663 16  0 13.888000000000034  0 11.199999999999989  L 0 4.800000000000011  C 0 2.1119999999999663  2.1119999999999663 0  4.800000000000011 0  Z M 5.878431370404428 9.520941176470615  C 7.047452823623132 10.689671863334638  8.942553226651341 10.689507997869498  10.111372546874975 9.520575162683826  C 10.672538855529808 8.959314145521034  10.98779084466912 8.198137688988083  10.98779084466912 7.404461712687976  C 10.98779084466912 5.751534822995836  9.647828848331812 4.411572826658585  7.99490195863973 4.411572826658585  C 6.34197506894759 4.411572826658585  5.002013072610282 5.751534822995836  5.002013072610282 7.404461712687976  C 5.002013072610282 8.198137688988083  5.317265061749595 8.959680159307823  5.878431370404428 9.520941176470615  Z M 11.4700130726103 10.877751633272055  C 11.546520052953213 10.801339921736144  11.589509244677743 10.697646204136504  11.589509244677743 10.589516339154386  C 11.589509244677743 10.481386474172325  11.546520052953213 10.377692756572685  11.4700130726103 10.301281045036774  L 10.89171241544119 9.723712415441184  C 10.81558161158074 9.650308409972183  10.713948800610922 9.609292182460877  10.60819414437617 9.609292182460877  C 10.382602067739413 9.609292182460877  10.199723556140896 9.792170694059394  10.199723556140896 10.017762770696152  C 10.199723556140896 10.12351742850484  10.240739784869902 10.225150240861012  10.314143792279424 10.301281045036774  L 10.89171241544119 10.879215688419094  C 11.051344674790016 11.038711300875946  11.310380813261474 11.037247245728906  11.4700130726103 10.877751633272055  Z M 9.611764705882365 5.787973854779409  C 10.040877702535909 6.2169334811792965  10.281963770934453 6.798819646175048  10.281963770934453 7.405568626378681  C 10.281963770934453 8.012317606582258  10.040877702535909 8.594203771578066  9.611764705882365 9.023163397977953  C 9.1827024592601 9.452152744258342  8.60081292422683 9.693150322150757  7.994078822087715 9.693150322150757  C 6.730480193688095 9.693150322150757  5.706131112528851 8.66880124099157  5.706131112528851 7.405202612591893  C 5.706131112528851 6.1416039841922725  6.730480193688095 5.117254903033086  7.994078822087715 5.117254903033086  C 8.60081292422683 5.117254903033086  9.1827024592601 5.35898450849902  9.611764705882365 5.787973854779409  Z "
            fill-rule="nonzero"
            fill="#d7d7d7"
            stroke="none"
            transform="matrix(1 0 0 1 326 206 )"
          />
        </g>
      </svg> -->

      <el-select
        v-model="value1"
        placeholder="项目状态"
        @change="handleSelectChange"
        style="margin-right: 26px"
      >
        <el-option
          v-for="item in options1"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <!-- <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="16px"
        height="16px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; top: 12px; left: 485px"
      >
        <g transform="matrix(1 0 0 1 -326 -206 )">
          <path
            d="M 4.800000000000011 0  L 11.199999999999989 0  C 13.888000000000034 0  16 2.1119999999999663  16 4.800000000000011  L 16 11.199999999999989  C 16 13.888000000000034  13.888000000000034 16  11.199999999999989 16  L 4.800000000000011 16  C 2.1119999999999663 16  0 13.888000000000034  0 11.199999999999989  L 0 4.800000000000011  C 0 2.1119999999999663  2.1119999999999663 0  4.800000000000011 0  Z M 5.878431370404428 9.520941176470615  C 7.047452823623132 10.689671863334638  8.942553226651341 10.689507997869498  10.111372546874975 9.520575162683826  C 10.672538855529808 8.959314145521034  10.98779084466912 8.198137688988083  10.98779084466912 7.404461712687976  C 10.98779084466912 5.751534822995836  9.647828848331812 4.411572826658585  7.99490195863973 4.411572826658585  C 6.34197506894759 4.411572826658585  5.002013072610282 5.751534822995836  5.002013072610282 7.404461712687976  C 5.002013072610282 8.198137688988083  5.317265061749595 8.959680159307823  5.878431370404428 9.520941176470615  Z M 11.4700130726103 10.877751633272055  C 11.546520052953213 10.801339921736144  11.589509244677743 10.697646204136504  11.589509244677743 10.589516339154386  C 11.589509244677743 10.481386474172325  11.546520052953213 10.377692756572685  11.4700130726103 10.301281045036774  L 10.89171241544119 9.723712415441184  C 10.81558161158074 9.650308409972183  10.713948800610922 9.609292182460877  10.60819414437617 9.609292182460877  C 10.382602067739413 9.609292182460877  10.199723556140896 9.792170694059394  10.199723556140896 10.017762770696152  C 10.199723556140896 10.12351742850484  10.240739784869902 10.225150240861012  10.314143792279424 10.301281045036774  L 10.89171241544119 10.879215688419094  C 11.051344674790016 11.038711300875946  11.310380813261474 11.037247245728906  11.4700130726103 10.877751633272055  Z M 9.611764705882365 5.787973854779409  C 10.040877702535909 6.2169334811792965  10.281963770934453 6.798819646175048  10.281963770934453 7.405568626378681  C 10.281963770934453 8.012317606582258  10.040877702535909 8.594203771578066  9.611764705882365 9.023163397977953  C 9.1827024592601 9.452152744258342  8.60081292422683 9.693150322150757  7.994078822087715 9.693150322150757  C 6.730480193688095 9.693150322150757  5.706131112528851 8.66880124099157  5.706131112528851 7.405202612591893  C 5.706131112528851 6.1416039841922725  6.730480193688095 5.117254903033086  7.994078822087715 5.117254903033086  C 8.60081292422683 5.117254903033086  9.1827024592601 5.35898450849902  9.611764705882365 5.787973854779409  Z "
            fill-rule="nonzero"
            fill="#d7d7d7"
            stroke="none"
            transform="matrix(1 0 0 1 326 206 )"
          />
        </g>
      </svg> -->
      <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="12px"
        height="12px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; left: 925px; top: 14px"
        v-show="showIcon1"
        @click="clearInput1"
      >
        <g transform="matrix(1 0 0 1 -274 -16 )">
          <path
            d="M 11.75541666015625 2.0670833398437507  C 12.028491928692468 1.7939012069409621  12.028491928692468 1.3510987930590401  11.75541666015625 1.0779166601562498  C 11.482234529490464 0.804841404635769  11.039432130665782 0.804841404635769  10.76625 1.0779166601562498  L 6.416666660156251 5.4275  L 2.06708333984375 1.0779166601562498  C 1.9367705122323136 0.9526600606387587  1.76303515775892 0.8827015792907824  1.5822849191345325 0.8827015792907824  C 1.1959157093031365 0.8827015792907824  0.8827015792907824 1.1959157093031365  0.8827015792907824 1.5822849191345325  C 0.8827015792907824 1.76303515775892  0.9526600606387587 1.9367705122323136  1.0779166601562498 2.06708333984375  L 5.4275 6.416666660156251  L 1.0779166601562498 10.766250000000001  C 0.9526602122750143 10.896562802585134  0.8827018259951016 11.070298048545641  0.8827018259951016 11.251048164046065  C 0.8827018259951016 11.63741737387746  1.1959159560074557 11.950631503889813  1.5822851658388517 11.950631503889813  C 1.7630352861166294 11.950631503889813  1.9367705362875647 11.880673113921148  2.06708333984375 11.755416660156252  L 6.416666660156251 7.405833339843749  L 10.766250000000001 11.75541666015625  C 10.896562778530386 11.880672962288699  11.070297920191107 11.950631257191716  11.251047917347968 11.950631257191716  C 11.637417127179365 11.950631257191716  11.950631257191718 11.637417127179363  11.950631257191718 11.251047917347966  C 11.950631257191718 11.070297920191106  11.880672962288703 10.896562778530384  11.755416660156252 10.76625  L 7.405833339843749 6.416666660156251  L 11.75541666015625 2.0670833398437507  Z "
            fill-rule="nonzero"
            fill="#222222"
            stroke="none"
            transform="matrix(1 0 0 1 274 16 )"
          />
        </g>
      </svg>
      <el-select
        v-model="value2"
        placeholder="审核状态"
        @change="handleSelectChange2"
      >
        <el-option
          v-for="item in options2"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <!-- <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="16px"
        height="16px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; top: 12px; left: 727px"
      >
        <g transform="matrix(1 0 0 1 -326 -206 )">
          <path
            d="M 4.800000000000011 0  L 11.199999999999989 0  C 13.888000000000034 0  16 2.1119999999999663  16 4.800000000000011  L 16 11.199999999999989  C 16 13.888000000000034  13.888000000000034 16  11.199999999999989 16  L 4.800000000000011 16  C 2.1119999999999663 16  0 13.888000000000034  0 11.199999999999989  L 0 4.800000000000011  C 0 2.1119999999999663  2.1119999999999663 0  4.800000000000011 0  Z M 5.878431370404428 9.520941176470615  C 7.047452823623132 10.689671863334638  8.942553226651341 10.689507997869498  10.111372546874975 9.520575162683826  C 10.672538855529808 8.959314145521034  10.98779084466912 8.198137688988083  10.98779084466912 7.404461712687976  C 10.98779084466912 5.751534822995836  9.647828848331812 4.411572826658585  7.99490195863973 4.411572826658585  C 6.34197506894759 4.411572826658585  5.002013072610282 5.751534822995836  5.002013072610282 7.404461712687976  C 5.002013072610282 8.198137688988083  5.317265061749595 8.959680159307823  5.878431370404428 9.520941176470615  Z M 11.4700130726103 10.877751633272055  C 11.546520052953213 10.801339921736144  11.589509244677743 10.697646204136504  11.589509244677743 10.589516339154386  C 11.589509244677743 10.481386474172325  11.546520052953213 10.377692756572685  11.4700130726103 10.301281045036774  L 10.89171241544119 9.723712415441184  C 10.81558161158074 9.650308409972183  10.713948800610922 9.609292182460877  10.60819414437617 9.609292182460877  C 10.382602067739413 9.609292182460877  10.199723556140896 9.792170694059394  10.199723556140896 10.017762770696152  C 10.199723556140896 10.12351742850484  10.240739784869902 10.225150240861012  10.314143792279424 10.301281045036774  L 10.89171241544119 10.879215688419094  C 11.051344674790016 11.038711300875946  11.310380813261474 11.037247245728906  11.4700130726103 10.877751633272055  Z M 9.611764705882365 5.787973854779409  C 10.040877702535909 6.2169334811792965  10.281963770934453 6.798819646175048  10.281963770934453 7.405568626378681  C 10.281963770934453 8.012317606582258  10.040877702535909 8.594203771578066  9.611764705882365 9.023163397977953  C 9.1827024592601 9.452152744258342  8.60081292422683 9.693150322150757  7.994078822087715 9.693150322150757  C 6.730480193688095 9.693150322150757  5.706131112528851 8.66880124099157  5.706131112528851 7.405202612591893  C 5.706131112528851 6.1416039841922725  6.730480193688095 5.117254903033086  7.994078822087715 5.117254903033086  C 8.60081292422683 5.117254903033086  9.1827024592601 5.35898450849902  9.611764705882365 5.787973854779409  Z "
            fill-rule="nonzero"
            fill="#d7d7d7"
            stroke="none"
            transform="matrix(1 0 0 1 326 206 )"
          />
        </g>
      </svg> -->
      <svg
        version="1.1"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="12px"
        height="12px"
        xmlns="http://www.w3.org/2000/svg"
        style="position: absolute; left: 1250px; top: 14px"
        v-show="showIcon2"
        @click="clearInput2"
      >
        <g transform="matrix(1 0 0 1 -274 -16 )">
          <path
            d="M 11.75541666015625 2.0670833398437507  C 12.028491928692468 1.7939012069409621  12.028491928692468 1.3510987930590401  11.75541666015625 1.0779166601562498  C 11.482234529490464 0.804841404635769  11.039432130665782 0.804841404635769  10.76625 1.0779166601562498  L 6.416666660156251 5.4275  L 2.06708333984375 1.0779166601562498  C 1.9367705122323136 0.9526600606387587  1.76303515775892 0.8827015792907824  1.5822849191345325 0.8827015792907824  C 1.1959157093031365 0.8827015792907824  0.8827015792907824 1.1959157093031365  0.8827015792907824 1.5822849191345325  C 0.8827015792907824 1.76303515775892  0.9526600606387587 1.9367705122323136  1.0779166601562498 2.06708333984375  L 5.4275 6.416666660156251  L 1.0779166601562498 10.766250000000001  C 0.9526602122750143 10.896562802585134  0.8827018259951016 11.070298048545641  0.8827018259951016 11.251048164046065  C 0.8827018259951016 11.63741737387746  1.1959159560074557 11.950631503889813  1.5822851658388517 11.950631503889813  C 1.7630352861166294 11.950631503889813  1.9367705362875647 11.880673113921148  2.06708333984375 11.755416660156252  L 6.416666660156251 7.405833339843749  L 10.766250000000001 11.75541666015625  C 10.896562778530386 11.880672962288699  11.070297920191107 11.950631257191716  11.251047917347968 11.950631257191716  C 11.637417127179365 11.950631257191716  11.950631257191718 11.637417127179363  11.950631257191718 11.251047917347966  C 11.950631257191718 11.070297920191106  11.880672962288703 10.896562778530384  11.755416660156252 10.76625  L 7.405833339843749 6.416666660156251  L 11.75541666015625 2.0670833398437507  Z "
            fill-rule="nonzero"
            fill="#222222"
            stroke="none"
            transform="matrix(1 0 0 1 274 16 )"
          />
        </g>
      </svg>
    </div>
    <div class="top2">
      <!-- <el-card v-for="(project, index) in projects" :key="index">
              <img src="@/assets/img/u53.svg" alt="" />
              <span class="span1">Q</span>
              <img
                src="@/assets/img/u89.svg"
                alt=""
                style="position: absolute; top: 244px; left: 20px"
              />
              <span style="position: absolute; top: 242px; left: 50px"
                >计划投资额 (万)</span
              >

              <img
                src="@/assets/img/u78.svg"
                alt=""
                style="position: absolute; top: 282px; left: 20px"
              />
              <span style="position: absolute; top: 282px; left: 50px"
                >计划完成时间</span
              >
              <span style="position: absolute; top: 282px; left: 248px">{{
                project.time
              }}</span>
              <img
                src="@/assets/img/u88.svg"
                alt=""
                style="position: absolute; top: 320px; left: 20px"
              />
              <span style="position: absolute; top: 320px; left: 50px"
                >项目管理员</span
              >
              <span style="position: absolute; top: 320px; left: 242px">{{
                project.name
              }}</span>
              <img
                src="@/assets/img/u79.svg"
                alt=""
                style="position: absolute; top: 360px; left: 20px"
              />
              <span style="position: absolute; top: 360px; left: 50px"
                >项目阶段</span
              >
              <span
                style="
                  position: absolute;
                  top: 360px;
                  left: 151px;
                  font-size: 14px;
                "
                >您还未建立里程碑节点</span
              >
              <img
                src="@/assets/img/u95.svg"
                alt=""
                style="position: absolute; top: 400px; left: 20px"
              />
              <span style="position: absolute; top: 400px; left: 50px"
                >项目进度</span
              >
              <div
                style="
                  width: 130px;
                  height: 20px;
                  position: absolute;
                  top: 402px;
                  left: 127px;
                  background-color: rgba(242, 242, 242, 1);
                  border-radius: 8px;
                "
              ></div>
              <div
                style="
                  position: absolute;
                  background: blue;
                  width: 12px;
                  height: 18px;
                  top: 403px;
                  left: 129px;
                  border-radius: 8px;
                "
              ></div>
              <span style="position: absolute; top: 402px; left: 269px"
                >0%</span
              >
            </el-card> -->
      <el-card v-for="(project, index) in projects" :key="index">
        <div class="info" style="margin-bottom: 15px">
          <img src="@/assets/img/u53.svg" alt="" />
        </div>
        <div class="info1" style="margin-bottom: 15px">
          <img src="@/assets/img/u89.svg" alt="" />
          <span style="margin-left: 10px">计划投资额 (万)</span>
        </div>
        <div class="info2" style="margin-bottom: 15px">
          <img src="@/assets/img/u78.svg" alt="" />
          <span style="margin-left: 10px">计划完成时间</span>
        </div>
        <div class="info3" style="margin-bottom: 15px">
          <img src="@/assets/img/u88.svg" alt="" />
          <span style="margin-left: 10px">项目管理员</span>
          <span style="margin-left: 80px">{{ project.name }}</span>
        </div>
        <div class="info4" style="display: flex; margin-bottom: 15px">
          <img src="@/assets/img/u79.svg" alt="" />
          <span style="margin-left: 10px">项目阶段</span>
          <span style="margin-left: 20px; font-size: 14px"
            >您还未建立里程碑节点</span
          >
        </div>
        <div class="info5" style="display: flex">
          <img src="@/assets/img/u95.svg" alt="" />
          <span style="margin-left: 10px">项目进度</span>
          <div style="position: relative">
            <div
              style="
                background: blue;
                width: 22px;
                position: absolute;
                height: 18px;
                border-radius: 8px;

                left: 16px;
              "
            ></div>
            <div
              style="
                width: 110px;
                height: 20px;
                background-color: rgba(242, 242, 242, 1);
                border-radius: 8px;
                margin-left: 10px;
              "
            ></div>
          </div>
          <span>0%</span>
        </div>
      </el-card>
      <el-button type="text" @click="dialogVisible = true" class="card">
        <img
          src="@/assets/img/添加加号.svg"
          alt=""
          style="width: 50px; height: 50px"
      /></el-button>
      <el-dialog
        title="创建项目"
        :visible.sync="dialogVisible"
        :before-close="handleClose"
        :show-close="false"
      >
        <el-form :model="formData">
          <el-form-item label="项目名称">
            <el-input
              placeholder="输入项目名称"
              v-model="formData.people"
            ></el-input>
          </el-form-item>
          <el-form-item label="计划投资额">
            <el-input
              placeholder="输入投资额"
              v-model="formData.money"
            ></el-input>
          </el-form-item>
          <el-form-item label="计划完成时间">
            <el-input
              placeholder="输入完成时间"
              v-model="formData.time"
            ></el-input>
          </el-form-item>
          <el-form-item label="项目管理员">
            <el-input
              placeholder="输入项目管理员"
              v-model="formData.name"
            ></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="handleConfirm">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      input: "",
      showIcon: false,
      showIcon1: false,
      showIcon2: false,
      showIcon6: false,
      dialogVisible: false,
      projects: [], // 用于存储项目的数组
      formData: { name: "", money: "", time: "", people: "" },
      options: [
        {
          value: "选项1",
          label: "李梅里",
          phone: "13800138001",
        },
        {
          value: "选项2",
          label: "张青松",
          phone: "13800138002",
        },
        {
          value: "选项3",
          label: "未轻松",
          phone: "13800138003",
        },
        {
          value: "选项4",
          label: "王大海",
          phone: "13800138004",
        },
        {
          value: "选项5",
          label: "宋青",
          phone: "13800138005",
        },
      ],
      value: "",
      options1: [
        {
          value: "选项1",
          label: "待开始",
        },
        {
          value: "选项2",
          label: "已开始",
        },
        {
          value: "选项3",
          label: "已结束",
        },
      ],
      value1: "",
      options2: [
        {
          value: "选项1",
          label: "待审核",
        },
        {
          value: "选项2",
          label: "通过",
        },
        {
          value: "选项3",
          label: "驳回",
        },
      ],
      value2: "",
    };
  },
  methods: {
    handleConfirm() {
      // 将表单数据作为新项目添加到 projects 数组中
      this.projects.push({
        name: this.formData.name,
        money: this.formData.money,
        // ... 可以添加更多属性，如 time 和 people
      });
      // 重置表单（可选）
      this.formData = {
        name: "",
        money: "",
        time: "",
        people: "",
      };
      // 隐藏对话框
      this.dialogVisible = false;
    },
    handleClose() {},
    clearInput() {
      this.input = "";
      this.showIcon = false;
    },
    handleSelectChange() {
      this.showIcon1 = true;
    },
    clearInput1() {
      this.value1 = "";
      this.showIcon1 = false;
    },
    handleSelectChange2() {
      this.showIcon2 = true;
    },
    clearInput2() {
      this.value2 = "";
      this.showIcon2 = false;
    },
    clearInput6() {
      this.value = "";
      this.showIcon6 = false;
    },
    handleSelectChange6() {
      this.showIcon6 = true;
    },
    goLagen() {
      this.$router.push("/lagen");
    },
  },
};
</script>
<style lang="scss">
.top {
  display: flex;
  .Svg1 {
    margin-right: 24px;
    position: relative;
    .span1 {
      position: absolute;
      left: 84px;
      top: 24px;
      font-size: 19px;
      color: #a36717;
      font-weight: 650;
    }
    .span2 {
      position: absolute;
      left: 84px;
      color: #f59a23;
      font-weight: 400;
      top: 50px;
      font-size: 18px;
    }
  }
  .icon {
    position: absolute;
    left: 30px;
    top: 24px;
  }
  .icon1 {
    position: absolute;
    left: 51px;
    top: 20px;
  }
  .Svg2 {
    margin-right: 24px;
    position: relative;
    .icon3 {
      position: absolute;
      left: 25px;
      top: 24px;
    }
    .span1 {
      position: absolute;
      left: 88px;
      top: 22px;
      font-size: 19px;
      color: #63a103;
      font-weight: 650;
    }
    .span2 {
      position: absolute;
      left: 88px;
      color: #04d919;
      font-weight: 400;
      top: 50px;
      font-size: 18px;
    }
  }
  .Svg3 {
    position: relative;
    .icon5 {
      position: absolute;
      left: 34px;
      top: 24px;
    }
    .span1 {
      position: absolute;
      left: 88px;
      top: 22px;
      font-size: 19px;
      color: #3730ed;
      font-weight: 650;
    }
    .span2 {
      position: absolute;
      left: 88px;
      color: #3730ed;
      font-weight: 400;
      top: 50px;
      font-size: 18px;
    }
  }
  .Svg4 {
    position: relative;
    .icon6 {
      position: absolute;
      top: 30px;
      left: 26px;
    }
    .span1 {
      position: absolute;
      top: 24px;
      left: 88px;
      color: #ffffff;
      font-size: 18px;
    }
    .span2 {
      position: absolute;
      top: 52px;
      left: 88px;
      color: #ffffff;
      font-size: 18px;
    }
  }
}
.top1 {
  display: flex;
  margin-top: 20px;
  position: relative;
  .el-input {
    width: 300px;
  }
  .el-select .el-input .el-select__caret {
    color: #ffffff;
  }
  // ::v-deep .el-input__inner {
  //   width: 300px;
  //   height: 44px;
  //   padding-left: 30px;
  // }
  // ::v-deep .el-select .el-input .el-select__caret {
  //   color: #ffffff;
  // }
}
.top2 {
  width: 100%;
  height: 250px;
  margin-top: 20px;
  display: flex;
  .el-card {
    // height: 100%;/
    width: 300px;
    height: 250px;
    margin-right: 20px;
    .span1 {
      position: absolute;
      left: 24px;
      top: 205px;
      color: #ffffff;
    }
    ::v-deep .el-card__body {
      height: 100%;
    }
  }
  .card {
    width: 300px;
    height: 250px;
    /* background: red; */
    margin-left: 8px;
    border-radius: 8px;
    border: 1px solid #ebeef5;
    background-color: #ffffff;
  }
}
.el-dialog {
  border-width: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 760px;
  height: 602px;
  background: inherit;
  background-color: rgba(246, 249, 251, 1);
  border: none;
  border-radius: 17px;
  margin-left: 810px;
  .el-dialog__footer {
    display: flex;
    justify-content: center;
  }
  .el-dialog__title {
    display: flex;
    justify-content: center;
  }
  ::v-deep .el-form {
    width: 500px;
    margin: auto;
    .el-form-item__label {
      margin-left: 8px;
    }
  }
}
</style>
